<template>
  <div class="basic-title">{{ title }}</div>
</template>

<script>
export default {
  name: "BasicTitle",
  props: {
    title: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="scss" scoped>
.basic-title {
  font-size: 18px;
  color: #333;
  padding: 0 0 15px 15px;
  border-bottom: 1px solid #b5b5b5;
  position: relative;
  &::before {
    content: "";
    width: 5px;
    height: 24px;
    background-color: #0a82c9;
    display: block;
    position: absolute;
    left: 0;
  }
}
</style>
